*
{
	margin: 0;
	padding: 0;
}

body
{
	color: #494949;
	
	font-size: 12px;
	font-family: 'Arial';
	
	background-color: #fafafa;
}

body.zoom-out
{
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
}

/* HEADER */
#header
{
	width: 970px;
	
	margin: 25px auto;
	
	height: 28px;
}

#navigation
{
	float: right;
}

#navigation a
{
	display: inline-block;
	
	height: 28px;
	line-height: 28px;
	
	color: #666;
	
	padding: 0 10px;
	margin-left: 10px;
	
	text-decoration: none;
	
	border: 1px dashed #dedede;
	border-radius: 5px;
}

#navigation a:hover
{
	color: #ec5555;
	
	border-color: #ccc;
}

#navigation a.current
{
	color: #fafafa;
	
	border: 1px solid #ec5555;
	background-color: #ec5555;
}

#navigation a.welcome, #navigation a.welcome:hover
{
	cursor: auto;
	
	color: #666 !important;
	
	border: none;
}

/* FOOTER */
#footer
{
	width: 960px;
	
	margin: 25px auto 0 auto;
}

#footer p
{
	color: #666;
	
	font-size: 11px;
	
	margin-bottom: 25px;
}

#footer p.left
{
	float: left;
}

#footer p.right
{
	float: right;
}

/* HR */
hr
{
	min-width: 970px;
	
	background: none;
	
	border-top: 1px solid #ececec;
	border-right: none;
	border-bottom: 1px solid #fff;
	border-left: none;
}

/* ANCHOR */
a img
{
	border: none;
}

.button
{
	display: inline-block;
	
	height: 28px;
	
	line-height: 28px;
	
	padding: 0 10px;
	
	border: 1px solid #ddd;
	border-radius: 2px;
	
	background-image: url(image/button.png);
	
	color: #666;
	
	font-size: 11px;
	font-weight: bold;
	
	cursor: default;
	
	text-decoration: none;
}

.button.enabled
{
	cursor: pointer;
}

.button.enabled:hover, a.button.current
{
	color: #ec5555;
	
	box-shadow: 0 0 1px #c7c7c7;
	
	background-position: bottom;
}

a.button:hover
{
	text-decoration: none;
}

p
{
	font-size: 12px;
	font-family: 'Tahoma';
	
	margin-bottom: 10px;
}

p.title
{
	font-weight: bold;
}

span.right
{
	color: #666;
	
	float: right;
	
	height: 30px;
	line-height: 30px;
	
	font-size: 11px;
}

span.right.normal
{
	height: auto;
	line-height: normal;
}

span.right>span
{
	color: #494949;
}

/* CONTENT */
#content
{
	width: 970px;
	
	margin: 25px auto;
}

div.clear
{
	clear: both;
}

/* UPLOAD */
#content.upload
{
	position: relative;
	
	width: 730px;
	min-height: 324px;
}

#upload
{
	width: 350px;
	
	float: left;
}

/* center */
#center
{
	position: absolute;
	
	width: 730px;
}

/* form */
#upload_form
{
	position: fixed;
	
	visibility: hidden;
}

/* buttons */
#buttons a
{
	float: left;
	
	width: 88px;
	
	text-align: center;
}

#buttons #upload_web
{
	margin: 0 10px;
}

#buttons #upload_initiate
{
	color: #fff;
	
	border: 1px solid #5083e1;
	
	background-image: url(image/button_blue.png);
}

#buttons #upload_cancel
{
	display: none;
	
	color: #fff;
	
	border: 1px solid #ef5d5d;
	background-image: url(image/button_red.png);
}

#buttons div.clear
{
	clear: both;
}

/* list */
#upload_list
{
	padding: 8px 15px;
	
	margin-top: 10px;
	
	border: 1px solid #e6e9ed;
	border-radius: 2px;
	
	background-color: #fff;
	
	height: 202px;
	max-height: 202px;
	
	overflow-y: auto;
}

#upload_list p#upload_list_empty
{
	margin-top: 90px;
	
	color: #888;
	
	text-align: center;
	
	cursor: default;
}

#upload_list p
{
	cursor: pointer;
}

#upload_list p, #upload_list form
{
	font-size: 11px;
	
	margin: 0;
	padding: 7px 0;
}

#upload_list img
{
	display: inline-block;
	
	float: left;
	
	margin: 1px 10px 0 1px;
}

#upload_list input
{
	display: inline-block;
	
	float: left;
	
	position: relative;
	
	width: 270px;
}

#upload_list span.name
{
	display: inline-block;
	
	float: left;
	
	position: relative;
	
	max-width: 260px;
	max-height: 15px;
	
	overflow: hidden;
	
	color: #404040;
}

#upload_list p.hover span.name
{
	color: #ba5d5d;
}

/* info */
#upload_info
{
	height: 28px;
	
	line-height: 28px;
	
	margin-top: 10px;
	
	border-radius: 2px;
	
	color: #68635c;
	
	font-size: 11px;
	
	text-align: center;
}

#upload_info.notification
{
	border: 1px solid #e1dcd5;
	background-color: #fdfaf4;
}

#upload_info.error
{
	color: #795252;
	
	border: 1px solid #e7dddd;
	background-color: #fbf1f1;
}

#upload_info.progress
{
	position: relative;
	
	border: 1px solid #e1dcd5;
	background-color: #fff;
	
	overflow: hidden;
}

#upload_info.progress>span.bar
{
	position: absolute;
	
	top: 0;
	left: 0;
	
	height: 100%;
	
	border-right: 1px solid #e1dcd5;
	background-color: #f6f5ee;
}

#upload_info.progress>span.text
{
	position: relative;
}

/* drop */
#drop
{
	position: fixed;
	
	top: 0;
	left: 0;
	
	width: 100%;
	height: 100%;
	
	opacity: .1;
	
	background-color: #000;
	
	z-index: 1;
}

/* recent */
#recent
{
	width: 350px;
	
	float: right;
}

/* gallery */
#gallery
{
	display: table;
	
	height: 270px;
}

#gallery>div
{
	display: table-row;
}

#gallery a
{
	display: table-cell;
	
	min-width: 80px;
	height: 80px;
	
	padding-right: 10px;
	padding-bottom: 10px;
	
	vertical-align: middle;
}

#gallery img
{
	display: block;
	
	margin: auto;
}

/* GALLERY */
/* selection */
#selection
{
	margin: 20px 0 15px 0;
}

#selection a.left, #pagination a.left
{
	float: left;
	
	margin: 0 10px 0 0;
}

#selection a.right, #pagination a.right
{
	float: right;
	
	margin: 0 0 0 10px;
}

/* image */
#content.gallery div.image
{
	float: left;
	
	margin: 10px 10px 0 0;
}

#content.gallery div.image.right
{
	margin-right: 0;
}

#content.gallery div.image a
{
	display: table-cell;
	
	width: 186px;
	height: 186px;
	
	background-color: #fff;
	
	vertical-align: middle;
}

#content.gallery div.image img
{
	display: block;
	
	margin: auto;
}

/* pagination */
#pagination
{
	margin-top: 25px;
	
	text-align: center;
}

#pagination a
{
	margin: 0 5px;
}

/* VIEW */
/* image */
#image
{
	display: block;
	
	float: left;
	
	width: 612px;
	
	padding: 18px;
	
	border: 1px solid #dfdfdf;
	background-color: #fff;
	
	cursor: -moz-zoom-in;
	cursor: -webkit-zoom-in;
}

#image img
{
	display: block;
	
	margin: auto;
}

#image:hover
{
	border-color: #fb9898;
}

/* title */
#title
{
	width: 650px;
	height: 50px;
	
	float: left;
}

#title p:last-child
{
	color: #666;
	
	font-size: 11px;
}

/* information */
#information
{
	float: right;
	
	width: 300px;
	
	margin-top: 25px;
}

#information p.title, #information p.link
{
	margin-top: 20px;
}

p.info
{
	color: #666;
	
	font-size: 11px;
}

#information p.link
{
	color: #888;
	
	font-size: 11px;
	font-family: 'Arial';
}

#information p.link input
{
	display: block;
	
	width: 280px;
	
	padding: 5px 10px;
	margin-top: 5px;
	
	color: #404040;
	cursor: text;
	
	border: 1px solid #dfdfdf;
	background-color: #fff;
	
	font-size: 12px;
}

/* slider */
#slider
{
	position: relative;
	
	height: 73px;
}

#empty_slider
{
	height: 4px;
}

#slider p
{
	float: right;
}

#slides
{
	position: absolute;
	
	top: 23px;
	left: -15px;
	
	width: 330px;
	height: 52px;
}

#slide_left
{
	float: left;
}

#slide_right
{
	float: right;
}

a#slide_left, a#slide_right
{
	display: block;
	
	width: 15px;
	
	height: 52px;
	line-height: 52px;
	
	color: #666 !important;
	
	cursor: pointer;
	
	text-align: center;
	
	font-size: 15px;
	font-family: 'Verdana';
}

a#slide_left:hover, a#slide_right:hover
{
	color: #ec5555 !important;
	
	text-decoration: none;
}

#index
{
	color: #666;
	
	font-size: 11px;
}

#images
{
	
}

#images a.image
{
	display: table;
	
	float: left;
	
	width: 48px;
	height: 48px;
	
	padding: 2px;
	margin-right: 10px;
}

#images a.image.right
{
	margin-right: 0;
}

#images a.image.current
{
	padding: 1px;
	
	border: 1px solid #aaa;
	background: #fff;
}

#images a.image>div
{
	display: table-cell;
	
	vertical-align: middle;
}

#images a.image img
{
	display: block;
	
	margin: auto;
}

/* CONFIGURE */
#content.configure p.title
{
	margin-bottom: 20px;
}

#content.configure td.image
{
	padding: 0 10px 20px 0;
	
	text-align: center;
	vertical-align: middle;
}

#content.configure td.image>div
{
	display: table-cell;
	
	width: 186px;
	height: 186px;
	
	background-color: #fff;
	
	vertical-align: middle;
}

#content.configure div.image img
{
	display: block;
	
	margin: auto;
}

#content.configure td.form
{
	padding-right: 20px;
	
	vertical-align: top;
}

#content.configure td.form.right
{
	padding-right: 0;
}

/* FORM */
form table
{
	border-collapse: collapse;
}

label
{
	display: block;
	
	margin-bottom: 5px;
	
	color: #888;
	
	font-size: 11px;
}

form p.invalid label
{
	color: #db4444;
}

input.text, textarea
{
	display: block;
	
	width: 267px;
	height: 28px;
	
	padding: 0 5px;
	margin-bottom: 10px;
	
	border: 1px solid #dfdfdf;
	background-color: #fff;
	
	color: #404040;
	
	font-family: 'Arial';
}

textarea
{
	padding: 5px;
	
	height: 110px;
	
	max-width: 267px;
	max-height: 110px;
}

input.button
{
	color: #fff !important;
	
	border: 1px solid #5083e1;
	
	background-image: url(image/button_blue.png);
}

span.checkbox input
{
	float: left;
	
	margin-right: 5px;
}

form p.submit a
{
	float: right;
	
	margin-top: 18px;
	
	font-size: 11px;
}

/* POPUP */
#block
{
	display: none;
	
	position: fixed;
	
	z-index: 2;
	
	top: 0;
	left: 0;
	
	width: 100%;
	height: 100%;
	
	background-color: #000;
	
	opacity: 0.75;
}

div.popup
{
	position: fixed;
	
	display: none;
	
	z-index: 3;
	
	min-width: 200px;
	
	margin: 20px;
	padding: 20px;
	
	border: 1px solid #efefef;
	border-radius: 5px;
	
	background-color: #fafafa;
}

div.popup.no-border
{
	border: none;
	background: none;
	
	margin: 0;
	padding: 0;
}

div.popup p.title
{
	margin-bottom: 20px;
}

div.popup p.title a
{
	float: right;
	
	font-size: 11px;
	font-weight: normal;
}

div.popup p:last-child
{
	margin-bottom: 0;
}

div.popup input.button
{
	margin-top: 10px;
}

/* ANCHOR */
a
{
	color: #ec5555;
	cursor: pointer;
	
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}